<script>
  function submitFieldForm(){
    $('#addFieldForm').submit();
  }
</script>
<?php
/**
 * Created by PhpStorm.
 * User: Aliaksei Lazerka
 * Date: 10/23/14
 * Time: 8:10 PM
 */

include_once("functions/db_manipulate.php");

$result = getMainCategories();

$output = "<select id='sectionId' name='sectionId' onchange='$(\"#fieldTitle\").show()'>";

while ($row = mysql_fetch_assoc($result)) {
  $output .= "<option value='" . $row['ID'] . "'>" . $row['TITLE'] . "</option>";
}

$output .= "</select>";

?>

<form method="post" id="addFieldForm" action="?aFH">
  <div class="step">
    <div class="stepInfo">
      1. Выберите категорию, в которой находится корневой элемент списка:
    </div>
    <div class="stepSelect"><?= $output ?></div>
  </div>
  <div class="step" id="fieldTitle" onchange="$('#fieldType').show()">
    <div class="stepInfo">
      2. Введите название нового поле таблицы для отображения пользователю:
    </div>
    <div class="stepSelect"><input type="text" name="fieldTitle" id="fieldTitleInput"/></div>
  </div>
  <div class="step" id="fieldType">
    <div class="stepInfo">
      3. Выберите тип поля из списка:
    </div>
    <div class="stepSelect">
      <select name="type">
        <?php DBTypes::generateOptionsOfTypes(); ?>
      </select>
      <input type="button" value="Добавить" onclick="userAsk('Внимание ! Проверьте заполненные поля. Если Вы готовы продолжить - нажмите отправить.', submitFieldForm)"/>
    </div>
  </div>
</form>
